/* auto header dropdown menu active
------------------------------------------------------ */

header {
  .dropdown-menu .sub-menu {
      left: 100%;
      position: absolute;
      top: 0;
      visibility: hidden;
      margin-top: -1px;
  }


  .navbar-brand {
    width:    $brand-width;
    padding:  0;
    position: relative;
  }

  .nav-img {
    display:    block;
    margin:     0 auto;
    width:      auto;
    height:     auto;
    max-width:  120px;
    max-height: 50px;
    transform:  translateY(-50%);
    position:   absolute;
    top:        50%;
    left:       5px;
    filter:     invert(100%);
  }

  .dropdown-menu li:hover .sub-menu {
      visibility: Avisible;
  }

  .dropdown:hover .dropdown-menu {
      display: block;
  }

  .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
      margin-top: 0;
  }

  .navbar .sub-menu:before {
      border-bottom: 7px solid transparent;
      border-left: none;
      border-right: 7px solid rgba(0, 0, 0, 0.2);
      border-top: 7px solid transparent;
      left: -7px;
      top: 10px;
  }
  .navbar .sub-menu:after {
      border-top: 6px solid transparent;
      border-left: none;
      border-right: 6px solid #fff;
      border-bottom: 6px solid transparent;
      left: 10px;
      top: 11px;
      left: -6px;
  }
}


/* account balance summary with header
------------------------------------------------------ */
header .account-balance {
  .dropdown-menu {
    padding-bottom: 0;
  }

  .account-wrap {
    width: 360px;
    padding: 8px;
    border-bottom: 1px solid $gray-400;
  }

  hr {
    margin-top: 2px;
    margin-bottom: 0px;
    border-color: $gray-400;
    border-style: dashed;
  }

  i.fa, span.total-title {
    color: $gray-400;
  }

  i.fa.fa-plus {
    margin: 0px 0px;
  }

  span.account-name {
    color: $brand-primary;
    margin-top: -24px;
    padding-right: 10px;
    display: block;
    font-size: 18px;
    background-color: white;
    text-align: right;
  }

  span.balance, span.locked {
    color: $brand-primary;
  }

  span.total {
    font-size: 18px;
  }
}

/* account settings summary with header
------------------------------------------------------ */
header .account-settings {
  ul.dropdown-menu {
    width: 100%;
    min-width: 0px;
  }
}

/* languages selector with header
------------------------------------------------------ */
header #languages {
  width: 64px;
  min-width: 64px;
  li > a{ padding-top: 8px; }
}

/* fix background for small screen
-------------------------------------------------------*/
header.navbar-default {
  min-width: 1150px
}
